@CHARSET "UTF-8";

body {
  color:#000000;
  font-family:Arial;
  font-size:90%;
}

table {
  border-collapse: separate;
  border-spacing: 0.0em 0.0em;
  margin-left:auto;
  margin-right:auto;
  hieght: 100%;
  width: 100%;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

td {
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

h1 {
  text-align: center;
  font-size: 1.2em
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.tiles {
    height: 95%;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
    width: 94%;
}

.tiles, .tile {
    list-style-type: katakana-iroha;
}

li.tile {
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
}

div#Vogelbox {
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: box;
  box-orient: vertical;
  box-pack: center;
  box-align: center;
}

div#Vogelname {
  text-align: center;
  vertical-align: bottom;
  font-size: 1.0em;
  color: black;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div#Copyright {
  text-align: center;
  vertical-align: top;
  font-size: 0.6em;
  color: gray;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

img {
  border: 5px solid #fffffe;
  margin-left:auto;
  margin-right:auto;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

img#playing {
  border: thick;
  border-color: green;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div#silent {
  border: none;
}

div#hidden {
	display: none;
}


